<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<title>
			注册
		</title>
		<link rel="stylesheet" href="<?php echo __PUBLIC__?>/Home/less/register.css" />
		<link rel="stylesheet" href="<?php echo __PUBLIC__?>/Home/less/hdjs.css" />
		<link rel="stylesheet" href="<?php echo __PUBLIC__?>/Home/less/bottom.css" />
		<script src="<?php echo __PUBLIC__?>/Home/js/jquery-1.8.2.min.js"></script>
		<script src="<?php echo __PUBLIC__?>/Home/js/hdjs.min.js"></script>
		<script>$(function() {
	$('#HDJS').validate({
		husername: {
			rule: {
				phone: true,
				required: true
			},
			error: {
				phone: '手机号错误',
				required: '用户名不能为空'
			},
			success: '验证通过',
			message: '请输入用户名'
		},
		hpassword: {
			rule: {
				required: true,
			},
			error: {
				required: '密码不能为空',
			},
			success: '验证通过',
			message: '请输入密码'
		},
		cpassword: {
			rule: {
				required: true,
				confirm: 'cpassword'
			},
			error: {
				required: '密码不能为空',
				confirm: '两次密码不一致'
			},
			success: '验证通过',
			message: '请再次输入密码'
		},
	})
})</script>
		<!--表单验证End-->
	</head>
	<body>
		<div id="register">
			<div class="register">
				<img src="<?php echo __PUBLIC__?>/Home/images/logo.gif" alt="" />
				<!--注册页面-->
				<div class="ryemian">
					<div class="rtop">
						<p>
							注册新用户
						</p>
					</div>
					<div class="rleft">
						<!--选择方式-->
						<div class="way">
							<span class="sway">
							</span>
							<h2>
								选择注册方式：
							</h2>
							<!--<span class="bj bleft"><span class="word">使用Email注册</span></span>-->
							<span class="bj bright"><span class="word">使用手机号注册</span></span>
						</div>
						<!--填写信息-->
						<div class="message">
							<span class="sway">
							</span>
							<h2>
								填写您的信息：
							</h2>
							<!--表单验证End-->
							<form id="HDJS" action="" method="post"style='width:600px;float:left;margin-top:30px;'>
								<table class="hd-form hd-table hd-table-form">
									<tbody>
										<tr>
											<th>
												手机
											</th>
											<td>
												<input name="husername" type="text"placeholder="请填写手机号">
												<span id="hd_husername">
												</span>
											</td>
										</tr>
										<tr>
											<th>
												密码
											</th>
											<td>
												<input name="hpassword" type="password"placeholder="请填写密码">
												<span id="hd_hpassword">
												</span>
											</td>
										</tr>
										<tr>
											<th>
												确认密码
											</th>
											<td>
												<input name="cpassword" type="password" placeholder="请确认密码">
												<span id="hd_cpssword">
												</span>
											</td>
										</tr>
										<tr>
											<th>
												验证码
											</th>
											<td >
												<input name="yanzhengma" type="text"style='float:left;margin-top:30px;width:150px;'>
												<img src="<?php echo __PUBLIC__?>/Home/images/CalculateValidateCode.ashx.jpg" alt=""style='width:145px;height:53px;float:left;' />
												<span class="notice">看不清？
													<a href="" class="snotice">
														换一张
													</a></span>
											</td>
										</tr>
									</tbody>
								</table>
								<p>
									请阅读
									<a href="">
										《VANCL凡客诚品服务条款》
									</a>
								</p>
								<input value="同意以上条款并注册" class="hd-btn hd-btn-sm" type="submit" style='margin-left:150px;margin-top:30px;'>
							</form>
						</div>
					</div>
					<div class="rright">
						<p class="rgh">
							我已经注册，现在就
							<a href="<?php echo U('Login/index')?>">
								登录
							</a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<!--底部-->
		<div id="bottom">
			<div class="bottom">
				<p>
					Copyright 2007 - 2015 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号
				</p>
				<ul>
					<li>
						<a href="" class='one'>
						</a>
					</li>
					<li>
						<a href="" class='two'>
						</a>
					</li>
					<li>
						<a href="" class='three'>
						</a>
					</li>
					<li>
						<a href="" class='four'>
						</a>
					</li>
					<li>
						<a href="" class='five'>
						</a>
					</li>
					<li>
						<a href="">
							<img src="<?php echo __PUBLIC__?>/Home/images/kexin_brand_for_others.png" alt="" />
						</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>